<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />

    <script src="https://fastly.jsdelivr.net/npm/p5@1/lib/p5.min.js"></script>
    <script src="https://p5play.org/v3/planck.min.js"></script>
    <script src="https://p5play.org/v3/p5play.js"></script>
    <!-- <script src="https://unpkg.com/p5.touchgui@0.5.2/lib/p5.touchgui.js"></script> -->
    <script src="../library/quicksettings.js"></script>
    <script src="../library/p5.gui.js"></script>
    <script src="../library/p5llm.js"></script>
    
    <script src="editor_new.js"></script>
    <link rel="stylesheet" href="style.css">
    <!-- <script src="ali.js"></script> -->

    <style>
      body {
        padding: 0;
        margin: 0;
      }
      canvas {
        vertical-align: top;
      }
      
    </style>
  </head>
  <body>
    <div id='menu' class="menu-bar">
      <div id="main-menu">
        <p id="newText" style="display: inline; font-size: 24px;">新 </p>

        <select id="generationList" class="custom-button">
          <option value="游戏" selected">游戏</option>
          <option value="代码" >代码</option>>
          <option value="题目卡" ">题目卡</option>
          <option value="目标答案"  ">目标卡</option>
          <option value="候选卡" ">候选卡</option>
        </select>
    
        <input id="inputBox" type="text" size="50" placeholder="游戏的一句话描述（注意：新游戏会覆盖未发布游戏）">
        <button id="submitButton" class="custom-button">生成</button>
        
        <button id="publishButton" class="custom-button" style="margin-left: 80px;">发布</button>
        
      </div>
      <div id="card-menu" class="hidden">
        <button id="editButton" class="custom-button" style="background-color: green;">退出编辑</button>
        <button id="deleteButton" class="custom-button" style="background-color: red;">删除</button>
        <button id="confirmDeleteButton" class="custom-button hidden" style="background-color: red;">确认</button>
        <button id="cancelDeleteButton" class="custom-button hidden" style="background-color: gray;">取消</button>


      </div>
      <div id="confirm-menu" class="hidden">
        <p id="confirmText" style="display: inline; font-size: 24px;"></p>
        <button id="confirmButton" class="custom-button" style="background-color: red;">确认</button>
        <button id="cancelButton" class="custom-button" style="background-color: gray;">取消</button>
      </div>

    </div>
  </body>
</html>
